<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<% 	String contextPath = request.getContextPath(); %>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>

<link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/easyUI/themes/gray/easyuia.css">
<link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/easyUI/themes/icon.css">
<!--颜色选择器-->
<link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/css/normalize.css">
<link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/css/default.css">
<link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/css/jquery.classycolor.min.css">
<link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/css/bass.css">

<style>
legend {
	display: none;
}

.map_wrap {
	width: 100%;
}

#map_selectYear {
	width: 70px;
}

#map_selectField {
	width: 130px;
}

#map_selectTarget {
	width: 200px;
}

#map_panel {
	height: auto;
}

#table_panel {
	height: auto;
}

#map_colorPicker {
	bottom: 25px;
	left: 200px;
}

#map_tips {
	right: 20px;
	top: 20px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	display: none;
}

#map_tipsContent {
	background: rgba(174, 174, 174, 0.2);
	width: 100px;
	padding: 5px;
	top: 70px;
	right: 50px;
	display: none;
}
#mainMap {
	height: 700px;
}

#mainMap2 {
	height: 700px;
	width: 99%
}

</style>
</head>
<body>
	<div class="map_wrap" >
		<form class="f14 rf14 mt10 ml10 mb10 pr" id="map_searchData" method="" action="">
			<fieldset >
				<legend>数据地图查询地市某一年份某领域指标值</legend>

				<label class="ml5" style="color: red">报表类型:
					<select class="easyui-combobox" name="formid" id="formid" style="width:190px;">
						<c:forEach var="formOption" items="${formes}">
							<option value="${formOption.id}">${formOption.name}</option>
						</c:forEach>
					</select>
				</label>

				<label> 年份:</label>
				<select class="easyui-combobox" name="year"  id="year" style="width: 80px;">
					<c:forEach var="yearOption" items="${years}">
						<option value="${yearOption}">${yearOption}</option>
					</c:forEach>
				</select>

				<label for="map_selectField" class="pl50 pr10 spanstyle map_selectField">领域</label>
				<input	id="map_selectField" name="map_selectField">

				<label for="map_selectTarget" class="pl50 pr10 spanstyle map_selectTarget">指标</label>
				<input id="map_selectTarget" name="map_selectTarget">

<%--				<a href="#" class="easyui-linkbutton spanstyle" onclick="query();" title="模糊搜索">模糊搜索</a>--%>
				<a id="excel" class="easyui-linkbutton spanstyle" onclick="Save_Excel()"
					data-options="iconCls:'icon-excel'" title="导出excel">导出excel</a>
			</fieldset>
		</form>
		<div id="mapid2" style="width: 100%; height: 800px;">
			<!--初始化显示一张地图-->
			<div id="map_panel2" class="easyui-panel pr" title="地图">
				<div id="mainMap2" class="f12 rf12"></div>
				<div id="map_colorPicker2" class="pa"></div>
			</div>
		</div>

		<div style="width: 100%;">
			<div id="mapid"
				style="width: 70%; height:0; float: left;overflow: hidden;">
				<div id="map_panel" class="easyui-panel pr" title="地图">
					<div id="mainMap" style="" class="f12 rf12"></div>
					<div id="map_colorPicker" class="pa"></div>
					<img src="/resources/images/tips.png" id="map_tips" class="pa">
					<p id="map_tipsContent" class="pa">鼠标指针覆盖在地图上方，滚动鼠标滚轴可缩放地图，按住鼠标左键可拖拽地图。点击右侧还原图标，地图恢复默认位置、比例。</p>
				</div>
			</div>
			<div id="map_panel3"
				style="width: 29.5%;height:0; float: left;overflow: scroll;">
				<div class="easyui-panel" title="指标数据"
					data-options="collapsible:true" style="width: 99%;">
					<div id="view_containerzhuzi2"></div>
				</div>
			</div>
		</div>
		<div id="tabid"
			style="float:left;width:99.5%;overflow: hidden;height:0;margin-top:55px;">
			<div id="table_panel" class="easyui-panel" title="数据报表">
				<table id="map_tt"></table>
			</div>
		</div>
	</div>
	<script type='text/javascript' src='<%=contextPath%>/resources/easyUI/jquery.min.js'></script>
	<script type='text/javascript' src='<%=contextPath%>/resources/easyUI/jquery.easyuia.min.js'></script>
	<script type='text/javascript' src='<%=contextPath%>/resources/echarts/echarts.min.js'></script>
	<script type='text/javascript' src='<%=contextPath%>/resources/js/jquery.classycolor.min.js'></script>
	<script type='text/javascript' src='<%=contextPath%>/resources/js/map/mainMap.js'></script>
</body>
</html>
